//created by: Lim Yi Le
Ext.define("MajorProjectSenchaTouch.view.ContactUsModule.ContactUs", {
    extend: 'Ext.Container',
    xtype: 'contactuspage',
    id: 'contactusView',
    requires:[
        'Ext.Panel'
    ],
    
    config: {
        cls: 'backgroundRightArrowPanel',
        styleHtmlContent: true,
        
        items:[
        {
            xtype: 'spacer',
            height: 5
        },
        {
            xtype: 'panel',
            id: 'topPanel',
                
            items: [
                {
                    html: ['<header class="contactUsTitle"><div class="contactUsHeartIcon"></div>Contact Us</header>']
                },
                {
                    xtype: 'container',
                    layout: 'hbox',
                    align: 'stretch',
                    id: 'hboxContainer',
                    items: [
                        {
                            xtype: 'container',
                            flex: 1,
                            layout: 'vbox',
                            id: 'vboxContainer1',
                            defaults: {
                                iconMask: true,
                                ui: 'dark'
                            },
                            items: 
                            [
                                {
                                    xtype: 'spacer',
                                    height: 16,
                                    flex: 1
                                },
                                {
                                    xtype: 'button',
                                    id: 'libFacebookButton',
                                    ui: 'plain',
                                    iconCls:'facebookIcon',
                                    iconMask: true,
                                    pressedCls:'searchBtnClicked',
                                    flex: 1,
                                    action: 'openLibraryFacebook'
                                },
                                {
                                    xtype: 'spacer',
                                    height: 10,
                                    flex: 1
                                },
                                {
                                    xtype: 'spacer',
                                    height: 16,
                                    flex: 1
                                },
                                {
                                    xtype: 'button',
                                    id: 'libBlogButton',
                                    ui: 'plain',
                                    iconCls:'blogIcon',
                                    iconMask: true,
                                    pressedCls:'searchBtnClicked',
                                    flex: 1,
                                    action: 'openLibraryBlog'
                                }

                            ]
                        },
                        {
                            xtype: 'container',
                            flex: 7,
                            layout: 'vbox',
                            id: 'vboxContainer2',
                            items: 
                            [
                                {
                                    xtype: 'spacer',
                                    height: 16,
                                    html: ['<header class="libHotlineText">Library Hotline for General Enquiries</header>'],
                                    flex: 1
                                },
                                {
                                    xtype: 'button',
                                    id: 'libHotlineButton',
                                    iconCls:'phone1',
                                    iconMask: true,
                                    pressedCls:'searchBtnClicked',
                                    text: '6780 5772',
                                    flex: 1,
                                    action: 'callPhone'
                                },
                                {
                                    xtype: 'spacer',
                                    height: 10,
                                    flex: 1
                                },
                                {
                                    xtype: 'spacer',
                                    height: 16,
                                    html: ['<header class="libEmailText">Email Contact</header>'],
                                    flex: 1
                                },
                                {
                                    xtype: 'button',
                                    id: 'libEmailButton',
                                    iconCls:'mail',
                                    iconMask: true,
                                    pressedCls:'searchBtnClicked',
                                    text: 'AskLib@tp.edu.sg',
                                    flex: 1,
                                    action: 'email'
                                }
                            ]
                        },
                    ]
                }
            ]
        },  
        {
            xtype: 'spacer',
            height: 10
        },
        {
            xtype: 'button',
            id: 'recommendTitleButton',
            text: '<div class="recommendTitleButton1"><div class="recommendStarIcon"></div>Recommend a Title!</div>',
            action: 'goRecommendTitle',
            pressedCls:'searchBtnClicked',
            iconAlign: 'right',
            iconCls: 'code3',
            iconMask: true
        }
        ]        
    }
});
